<template>
  <div class="download-tools-page">
    <h1 class="title">工具下载</h1>
    <div class="waterfall-container">
      <div
        v-for="(item, idx) in toolsData"
        :key="idx"
        class="waterfall-item"
      >
        <div class="tool-title-area">
          <span class="tool-title-text">{{ item.name || '工具名称' }}</span>
        </div>
        <pre class="tool-docs">{{ item.docs }}</pre>
        <a :href="item.link" class="tool-link" target="_blank">下载链接</a>
      </div>
    </div>
  </div>
</template>

<script>
import LSPosedImg from '@/assets/LSPosed.png'
export default {
  name: 'DownloadTools',
  data() {
    return {
      toolsData: [
        {
          name: 'LSPosed',
          link: 'https://github.com/JingMatrix/LSPosed#releases-box',
          docs: 'Lsposed 是 Xposed 的主要替代品之一。Xposed 曾是安卓系统中非常流行的框架，允许用户在不修改系统应用的情况下，\n\
          通过模块对系统功能进行定制和扩展，但由于安卓系统版本更新及兼容性问题，Xposed 的维护逐渐滞后。Lsposed 在此背景下诞生，其核心优势和特点如下\n\
          • 1. 支持 Android 14 及以上版本(安卓 7-14+版本)\n\
          • 2. 支持模块化开发，模块可以独立运行\n\
'
        },
        {
          name: 'Magisk',
          link: 'https://github.com/topjohnwu/Magisk/releases/tag/v23.0',
          docs: 'Magisk 是目前 Android 设备 root 和系统定制的首选工具，其 “无系统污染” 理念和模块化设计使其在安全性、稳定性和扩展性方面表现出色。适合追求个性化定制、需要系统权限的高级用户，但需谨慎操作以避免风险。\n\
          • 1.通过修改启动镜像（boot.img）加载自定义代码，而非直接修改系统分区，确保系统文件保持原厂状态，方便通过官方 OTA 更新系统 \n\
          • 2. 支持 “隐藏 root” 功能（Magisk Hide），可选择性对特定应用隐藏 root 权限，避免部分应用（如银行类、游戏类）因检测到 root 而拒绝运行\n\
          • 3. 支持安装第三方模块（如字体替换、性能优化、状态栏修改等），用户可通过 Magisk Manager 自由启用 / 禁用模块，无需重新刷机。\n\
'
        },
        {
          name: '算法助手',
          link: 'https://wwmb.lanzouw.com/iOrIc0xkn9fg',
          docs: 'LSPosed 模块， 下载安装， 使用需要在 LSP内勾选算法助手和应用，主要功能：\n\
          • 1. 支持单应用的算法分析包括但不限于：MD5/SHA256/以及应用的加密算法分析如 AES/DES/RSA 等\n\
          • 2. 支持应用级别的隐藏 Xposed 和隐藏 Root 环境\n\
          • 3. 支持网络环境隐藏如： 隐藏 wifi 代理/隐藏 VPN/justTrustMe 升级版\n\
          • 4. 支持文件读取监听，交互监听， 弹窗定位， 屏蔽关键词弹窗， 控件赋值记录， 打开应用的 webViewDebug 等\n\
          • 5. 支持应用的数据库操作监听（增删改查以及 ExceSQL的语句执行）配置文件读取监听\n\
          • 6. 支持应用 Log 捕获， 防止应用退出以及应用闪退，解除截屏录屏限制\n\
          • 7. 支持应用签名监听'
        },
        {
          name: '自用模块分享',
          link: 'https://pan.quark.cn/s/58cc9af001f7',
          docs: '包含了自己用的一些模块 \n\
          Auto.js.apk	\n\
          Shamiko-v1.2.5-414-release 隐藏.zip\n\
          KuAn.apk\n\
          magisk_All.zip\n\
          LSPosed-v1.9.2-7024-zygisk-release.zip\n\
          magisk_all说明.txt\n\
          LibChecker-2.5.2.apk(可以查看软件用的什么加固方案)\n\
          算法助手_v2.1.apk'
        },
        {
          name: 'magisk 的 github 链接',
          link: 'https://github.com/topjohnwu/Magisk/releases',
          docs: 'github 链接'
        },
        {
          name: '空百分享点击跳转百度',
          link: 'https://www.baidu.com',
          docs: '为了样式好看点'
        }
      ]
    }
  }
}
</script>

<style scoped>
.download-tools-page {
  padding: 32px 16px;
}
.title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
}
.waterfall-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.waterfall-item {
  width: 500px;
  height: 600px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  transition: box-shadow 0.2s;
}
.waterfall-item:hover {
  box-shadow: 0 4px 16px rgba(66,133,244,0.15);
}
.tool-title-area {
  width: 460px;
  height: 220px;
  background: #3B82F6;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-bottom: 16px;
}
.tool-title-text {
  color: #fff;
  font-weight: bold;
  font-size: clamp(2rem, 5vw, 3.2rem);
  text-align: center;
  width: 100%;
  word-break: break-all;
  line-height: 1.1;
}
.tool-docs {
  flex: 1;
  font-size: 1.1rem;
  margin-bottom: 12px;
  color: #333;
  text-align: left;
  white-space: pre-line;
}
.tool-link {
  color: #4285f4;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #4285f4;
  border-radius: 6px;
  padding: 6px 18px;
  transition: background 0.2s, color 0.2s;
}
.tool-link:hover {
  background: #4285f4;
  color: #fff;
}
</style> 